<template>
	<view class="block">
		<u-popup :show="show" @close="close" mode="center" :round="15">
			<view class="tkbox">
				<view class="bigtext textcenter">请选择您要联系的客服</view>
				<view class="nostrongtext margin_top1 textcenter">我们根据您的选择为您提供服务</view>
				<view class="flexbetween ffffff radius hezi margin_top">
					<button class="flexleft" open-type="contact" bindcontact="handleContact" session-from="sessionFrom">
					<view class="weixin margin_right2"></view>
					<view class="">
						<view class="titletext" style="text-align: left;">微信客服</view>
						<view class=" nostrongtext" style="margin-top: 20rpx;">竭诚为您服务~！</view>
					</view>
					</button>
					<view class="huiyoujt">
					</view>
				</view>
				<view class="flexbetween ffffff radius hezi margin_top" @click="phone(allneirong.platform_mobile)">
					<view class="flexleft">
						<view class="dianhua margin_right2"></view>
						<view class="">
							<view class="titletext">电话客服</view>
							<view class=" margin_top1 nostrongtext">{{allneirong.platform_mobile}}</view>
						</view>
					</view>
					<view class="huiyoujt">
					</view>
				</view>
				<view class="flexcenter margin_top">
					<view class="smallbtn" @click="close">确定</view>
				</view>
			</view>
		</u-popup>
		<view class="honhsebjt"></view>
		<view class="dingbu">
			<image src="../../static/image/system/hehuor.png" mode=""></image>
		</view>
		<!-- 内容 -->
		<view class="neirong">
			<view class="flexcenter margin_top6">
				<image class="tupian" src="../../static/image/system/anquan.png" mode=""></image>
				<image class="tupian" src="../../static/image/system/wending.png" mode=""></image>
				<image class="tupian" src="../../static/image/system/ziyuan.png" mode=""></image>
			</view>
			<view class="mainpadding">
				<view class="jieshao mainpadding">
					<view class="baisetext textcenter">升级授权商 权益享不停</view>
					<view class="mainpadding ffffff radius margin_top">
						<view class="ziti textcenter">平台资源</view>
						<view class="huisetext margin_top">
							三大通信运营商提供最优质的资源，
							用户通过平台可以享受到最超值的超级流量套餐资源！
						</view>
					</view>
					<view class="mainpadding ffffff radius margin_top">
						<view class="ziti textcenter">技术支持</view>
						<view class="huisetext margin_top">
							公司提供配套的平台运营模式和运营系统，使用户以最小的投入可以通过我们的技术实现完美品牌服务的推广，从而让代理商更轻松得到高倍杠杆的回报。
						</view>
					</view>
					<view class="mainpadding ffffff radius margin_top">
						<view class="ziti textcenter">分润模式</view>
						<view class="huisetext margin_top">
							我们的系统是使用的完美的分销网络模式，佣金比例高，灵活打造积极的分销网络。
						</view>
					</view>
					<view class="mainpadding ffffff radius margin_top">
						<view class="ziti textcenter">产品控价</view>
						<view class="huisetext margin_top">
							我们提供统一后端产品的输出，价格把控的统一，以及网络分销系统完美的分销模式的构建，从而利润分配比例的统一，通过用户可以输出整个系统的品牌价值。
						</view>
					</view>
					<view class="mainpadding ffffff radius margin_top">
						<view class="ziti textcenter">发展前景</view>
						<view class="huisetext margin_top">
							在未来的几年里，在整个经济低迷的时间里，我们依然秉持着让用户小投入，高回报产出宗旨，让用户跟随我们的伙伴们一直都有好的收益。
						</view>
					</view>
					<view class="flexcenter margin_top4" @click="show = true">
						<view class="bigbtn">咨询客服 详细了解</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	const httpRequest = require("@/common/httpRequest.js")
	export default {
		data() {
			return {
				show: false,
				allneirong:{}
			}
		},
		onLoad() {
			this.tankuang()
		},
		methods: {
			phone(p){
				console.log(p,"9999惊雷")
			    uni.makePhoneCall({
			      phoneNumber: p.toString()
			     }).catch((e) => {
			      console.log(e)  //用catch(e)来捕获错误{makePhoneCall:fail cancel}
			       })
			   },
			// 弹框接口
			tankuang() {
				httpRequest.request('api/index/getConfigInfo', 'POST', {
					// 传参
				}, false, false, true).then(res => {
					if(res.code == 1){
						this.allneirong = res.data
					}
					
				})
			},
			close() {
				this.show = false
			},
		}
	}
</script>

<style lang="scss" scoped>
	button {
	    margin: 0;
	    padding-left: 0;
		padding-right: 0;
		background-color: none;
		background: none;
		line-height:25rpx;
		color: none;
		border-radius: 0;
	}
	button::after{
		border: none !important;
	}
	/deep/.u-safe-area-inset-bottom {
		padding-bottom: 0 !important;
	}
	.hezi{
		padding: 30rpx 40rpx 30rpx 50rpx;
	}
	.smallbtn{
		border-radius: 120rpx;
		width: 420rpx;
		height: 81rpx;
		background-color: #f95c41;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 30rpx;
		font-family: PingFang SC-Medium, PingFang SC;
		font-weight: 500;
		color: #FFFFFF;
	}
	.tkbox {
		background-color: #FAFAFA;
		padding: 50rpx ;
	}

	.dianhua {
		width: 70.8rpx;
		height: 68.8rpx;
		background-size: 100% 100%;
		background-image: url('../../static/image/system/dianhua.png');
	}

	.weixin {
		width: 70.8rpx;
		height: 68.8rpx;
		background-size: 100% 100%;
		background-image: url('../../static/image/system/weixin.png');
	}

	.bigbtn {
		width: 596rpx;
		height: 88rpx;
		background-color: #ff7300;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 34rpx;
		font-family: Adobe Heiti Std;
		font-weight: normal;
		color: #FFE7C0;
	}

	.huisetext {
		font-size: 30rpx;
		font-family: Source Han Sans CN;
		font-weight: 400;
		color: #878787;
	}

	.ziti {
		font-size: 48rpx;
		font-family: Adobe Heiti Std;
		font-weight: normal;
		color: #FD462A;
	}

	.baisetext {
		font-size: 56rpx;
		font-family: YouSheBiaoTiHei;
		font-weight: 400;
		color: #FEFBF2;
	}

	.jieshao {
		background: linear-gradient(180deg, #F84B48, #FFFBE4);
		border-radius: 20rpx;
	}

	.honhsebjt {
		height: 140rpx;
		width: 100%;
		background-color: #f7333a;
	}

	.tupian {
		width: 204rpx;
		height: 210rpx;

		image {
			width: 100%;
			height: 100%;
		}
	}

	.block {
		background: linear-gradient(0deg, #FFF3E6, #FEF3E4);
	}

	.neirong {}

	.dingbu {
		width: 100%;
		height: 889rpx;

		image {
			width: 100%;
			height: 100%;
		}
	}
</style>
